/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
 /*!
  * CONTENTS
  *
  * SETTINGS
  * variable..................变量集中存储文件
  * minxin....................minxin集中存储文件
  *
  * TOOLS
  *
  * COMPONENTS
  * reset.....................Compass内置的浏览器重置样式文件
  *
  * BUSINESS
  *
  * BASE
  * screen....................针对当前站点主页的样式修饰
  * 
  */
@import "variable","mixin","compass/reset";
// @import "normalize";
// @import "normalize-version";
/* 分割线1 */
// @import "normalize/base";
/* 分割线2 */
// @import "normalize/html5";
/* 分割线3 */
// @import "normalize/links";
// @import "compass/reset/utilities";
// @import "compass/layout";
// @import "compass/layout/grid-background";
// @import "compass/layout/sticky-footer";
// @import "compass/layout/stretching";
// .reset-box-model {
//     @include reset-box-model;
// }
// .stretching{
//     @include stretch(5px, 10px, 15px,20px);
// }
// @include sticky-footer(30px);
// $grid-background-column-color: rgba(255,0,0,.25);
// #root{
//     @include grid-background();
// }
@import "compass/css3";
@import "compass/support";
// $supported-browsers:chrome firefox;
$browser-minimum-versions: ("ie":"6");
.test-opacity{
    @include opacity(.3);
}
// 主标题内容样式
.headline{
    font-family: $headline-ff;
}
// div{
//     @include appearance("button");
// }
.test-inline-block{
    @include inline-block();
}
@import "compass/typography/links";
@import "compass/typography/lists";
@import "compass/typography/text";
@import "compass/typography/vertical_rhythm";
$base-font-size: 16px;
$base-line-height:24px;

a{
    // @include hover-link();
    // @include link-colors(#f00, #0f0, #00f, #ff0, #0ff);
    @include unstyled-link();
}
.list-unstyled{
    @include no-bullets();
}
.list-unstyled-li{
    @include no-bullet();
}
.list-inline{
    @include inline-list();
}
.list-horizontal{
    @include horizontal-list(false);
}
.list-inline-block{
    @include inline-block-list(5px);
}
.text-force-wrap{
    @include force-wrap();
}
.text-nowrap{
    @include nowrap();
}
$use-mozilla-ellipsis-binding: true;
.text-ellipsis{
    @include ellipsis();
}
.text-hide{
    // @include hide-text();
    @include squish-text();
}
.btn-find{
    // @include replace-text("http://cdn.qq.com/img/btn-find-png");
    @include replace-text-with-dimensions("С_logo.png");
}
@include establish-baseline();
body{
    // @include debug-vertical-alignment();
}
h1{
    // font-size: 3em;
    // line-height: 1.5rem;
    @include adjust-font-size-to(48px);
}
h2{
    // font-size: 2.25em;
    // line-height: 1.333333em;
    @include adjust-font-size-to(36px);
}
h3{
    // font-size: 1.5em;
    // line-height: 2em;
    @include adjust-font-size-to(24px);
}
h4{
    // font-size: 1.315em;
    // line-height: 2.28571em;
    @include adjust-font-size-to(21px);
}
h5{
    // font-size: 1.125em;
    // line-height: 1.333333em;
    @include adjust-font-size-to(18px);
}
h6{
    // font-size: 1em;
    // line-height: 1.5em;
    @include adjust-font-size-to(16px);
}
p{
    // margin: 1.5em 0;
    @include adjust-font-size-to(16px);
    @include leader(2);
    @include trailer();
    // font-size: 1em;
    // line-height: 1.5em;
}
// @import "compass/helper";
.analyzer-logo{
    // background-image: inline-image('С_logo.png');
    background-image: image-url('С_logo.png');
    // font-url
    // stylesheet-url
}
// @debug compass-env();
// @debug font-files("glyphicons-halflings-regular.eot","glyphicons-halflings-regular.svg","glyphicons-halflings-regular.ttf","glyphicons-halflings-regular.woff","glyphicons-halflings-regular.woff2");
@include font-face("glyphicons",font-files("glyphicons-halflings-regular.eot","glyphicons-halflings-regular.svg","glyphicons-halflings-regular.ttf","glyphicons-halflings-regular.woff","glyphicons-halflings-regular.woff2"));
#{append-selector("p,div,span",".bar")}  {
    color:#f00;
}
@import "compass/utilities/color";
@import "compass/utilities/print";
@include print-utilities(screen);
// @debug brightness(#000);
// @debug brightness(#ccc);
// @debug brightness(#fff);
@import "compass/utilities/tables";

.good-price{
    $table-color: #7a98c6;
    @include outer-table-borders();
    @include inner-table-borders(1px,darken($table-color, 40%));
    @include table-scaffolding();
    @include alternating-rows-and-columns($table-color, adjust-hue($table-color, -120deg), #222222, #0ff, #f0f);
}
@import "compass/utilities/general";
.clearfix{
    // @include clearfix();
    // @include pie-clearfix();
    @include legacy-pie-clearfix();
}
.pull-left{
    // @include float(left);
    @include float-left();
}
.need-has-layout{
    @include has-layout();
}
.underscore-hack-display{
    @include underscore-hack(display,block,inline);
}
.test-min-height {
    @include min-height(30px);
}
.tag-cloud {
    @include tag-cloud(24px);
}
@import "icon";
.bg{
    background-color: #ff0
}
.tianqi-icon{
    @include icon-sprite('w10_l');
    background-color: #0ff;
}
// @debug omitted-usage("ie","6");

/* 页面主题内容样式 */
.main-sec{
    font-family: $main-sec-ff;
    @at-root {
        .main-sec-detail {
            font-size: 12px;
        }
        
        .main-sec-headline {
            font: {
                family: $main-sec-ff;
                size: 16px;
            }
        }
    }
}
a {
    &:hover {
        color: blue;
    }
}
p {
    color: hsl(270,100%,50%);
}
.webdemo-sec {
    // @include col-6();
    @include col(50%);

    @include box-shadow(1px 1px 3px 2px #333);
    &:hover{
        background-color: #f5f5f5;
    }
}
.error.instrusion{
    background-image: url(../img/bg.jpg);
}
.error {
    color: #f00;
}
// .height{
//     height: 30px;
// }
%height{
    height: 30px;
}
.serious-error {
    @extend .error,%height;
    border:1px solid #f00;
}
.a{
    font-size: 16px;
}
.b{
    @extend .a;
    color: #333;
}
.c{
    @extend .b;
    background-color: #0ff;
}